﻿<%@ Page Language="C#" AutoEventWireup="false" CodeFile="recStructureOJK.aspx.cs" Inherits="SIPO.Web.Forms.Administration.Catalog.recStructureOJK" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Structure Form</title>

    <script src="<%= ResolveUrl("~/scripts/jquery.validate.min.js") %>" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~/scripts/jquery.validate.wrapper.js") %>" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~/scripts/jquery.inputmask.bundle.min.js") %>" type="text/javascript"></script>

    <script type="text/javascript">

        $("#btnSave").button({ icons: { primary: "ui-icon-disk"} });
        $("#btnClose").button({ icons: { primary: "ui-icon-close"} });

        $('#btnClose').click(function () {
            parent.$('#dialog').dialog("close");
        });
 
    </script>

    <script type="text/javascript">

        $(document).ready(function () {
            $("#txtCode").upperCase();
            // 1. prepare the validation rules and messages.
            var rules = {
               
                txtCode: {
                    required: true,
                    maxlength: 10
                },
                txtName: "required"
            };
            var messages = {
               
                txtCode: {
                    required: "Kode Alokasi wajib di isi"
                },
                txtName: "Nama Alokasi wajib di isi"
            };

            $("#txtCode").inputmask("Regex", { regex: "[A-Za-z-.0-9]*" });
            $("#txtName").inputmask("Regex", { regex: "[A-Za-z-.0-9 ]*" });

            // 2. Initiate the validator
            var validator = new jQueryValidatorWrapper("form1", rules, messages);

            // 3. Set the click event to do the validation
            $("#btnSave").click(function () {

                if (!validator.validate())
                    return;

                var code = $('#txtCode').val();
                var name = $('#txtName').val();
                var id = $('#<%= hfID.ClientID %>').val();

                var objrecAlocation = new Object();
                objrecAlocation.AlocationID = id;
                objrecAlocation.AlocationCode = encodeURIComponent(code);
                objrecAlocation.AlocationName = encodeURIComponent(name);

                jsonData = JSON.stringify(objrecAlocation);

                var handlerUrl = '<%= ResolveUrl("~/ajaxhandler/administration/catalog/recAlocationhandler.ashx") %>';

                if (id == 0)
                    CallAjax(handlerUrl, "?method=insert", jsonData);
                else {
                    CallAjax(handlerUrl, "?method=update", jsonData);
                }

                parent.$('#dialog').dialog('close');

                setTimeout("parent.$('#table').trigger('reloadGrid');", 3000);

                return false;
            });


        });
    
    </script>
    <script type="text/javascript">

        function ClearText() {
            $('#txtCode').val('');
            $('#txtName').val('');
        }
        
         
    </script>
</head>
<body onload="ClearText();">
    <form id="form1" runat="server">
    <table border="0">
       
        <tr>
            <td>
               Kode Alokasi
            </td>
            <td>
                :
            </td>
            <td>
                <asp:TextBox ID="txtCode" MaxLength="10" runat="server" Width="200"></asp:TextBox>&nbsp;<span style="color:Red;">*</span>
            </td>
        </tr>
        <tr>
            <td style="width: 50">
              Nama Alokasi
            </td>
            <td>
                :
            </td>
            <td>
                <asp:TextBox ID="txtName" runat="server" Width="300" MaxLength="100"></asp:TextBox>&nbsp;<span style="color:Red;">*</span>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                &nbsp;
            </td>
            <td>               
                 <div style="text-align: right; padding-top: 10px;">
                        <button id="btnSave" type="button">Save</button>
                        <button id="btnClose" type="button">Close</button>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                &nbsp;
            </td>
            <td>
                <asp:HiddenField ID="hfID" runat="server" />
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
